// dark mode
$dark-bg-shallow: #333;
$light-bg-shallow: #f0f2f5;

$dark-bg-deep: #1d1d1d;
$light-bg-deep: #fff;

$dark-menu-icon: #fff;
$light-menu-icon: #121212;

$dark-menu-icon-active: #e6a23c;
$light-menu-icon-active: #409eff;

$dark-menu-icon-active-bg: #1d1d1d;
$light-menu-icon-active-bg: #ecf5ff;

$dark-aside-border-color: #121212;
$light-aside-border-color: #e6e6e6;

$dark-text-color: #fff;
$light-text-color: #000;

$dark-border-color: #222;
$light-border-color: #ededed;

$dark-box-shadow: 0 2px 10px 0 rgba(255, 255, 225, 0.1);
$light-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);

$dark-item-bg-hover: #874d00;
$light-item-bg-hover: #ecf5ff;

$dark-item-bg-active: #ad6800;
$light-item-bg-active: #d9ecff;

$dark-item-border-active: #613400;
$light-item-border-active: #79bbff;

$dark-menu-hover-bg-color: #18222c;
$light-menu-hover-bg-color: #ecf5ff;

$dark-input-border-color: #4c4d4f;
$light-input-border-color: #dcdfe6;

// element plus
// el 数字 input
.el-input-number .el-input__inner {
  text-align: left !important;
}
// dropdown 边框
.el-dropdown-link:focus-visible {
  outline: none !important;
}

// iconfont
.icon,
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

:deep(.el-button .iconfont) {
  margin-right: 4px !important;
}

:deep(.el-drawer__body) {
  padding: 0 20px 20px;
}
